body{
    font-size: 13px;
}
.f-toeup {
    .cell-text {
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2; 
    }
}
.e-border {
    border:1px solid #ccc;
}
.ui-label {
    line-height: 28px;
    margin-right: 20px;
    width: 84px;
}
.ui-input {
    font-size: 12px;
    &.ui-input-170 {
        width: 170px;
    }
    &:hover,&:focus {
        border:1px solid #129FDD;
    }
}
.Tag {
    vertical-align: bottom;
    &.s-dis {
        background: #f7f7f7;
    }
    .noinput {
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        box-sizing:border-box;
        padding-left: 12px;
        top: 0;
        left:0;
    //     background: transparent;
        &.opt0 {
            opacity: 0;
            filter: alpha(opacity=0);            
        }
        z-index: 1;
        
    }
    
    .w-toe.con {
        height: 100%;
        width: 100%;
        overflow: hidden;
        &:after{
            content: '...'
        }
    }
    // .Wrap {
    //     padding-left: 12px;
    // }
    .iconfont {
        &.dir,&.dateicon {
            position: absolute;
            right:10px;
            top:0;
            z-index:1;
            color: #999;

        }
        &.dir {
            &:before{
                content: '\e618';
            }
            &.up{
                &:before{
                    content: '\e600';
                }
            }
        }
        &.dateicon { 
            &:before{
                content: '\e601';
            }
        }
    }
    
    .nui-placeholder {
        position: static !important;
    }
}

.nui-select2 .con-search-item {
    height: 30px;
    line-height: 30px;
    s {
        width: 11px;
        height: 11px;
        margin-top: 9px;
        margin-right: 3px;
        border: 1px solid #D9D9D9;
        border-radius: 2px;
        line-height: 12px;
        font-size: 10px;
    }
    &.s-crt {
        background:none;
        color: #5A5A5A;
        s {
            color: #129FDD;
            &:before { content: "\e741"; }
        }
    }
    &.s-hover,&:hover{
        background: #129FDD;
        color: #fff;
    }
    &.single{
        s {
            display: none;
        }
        &.s-crt {
            background:#129FDD;
            color: #fff;
            s {
                display: none;
            }
        }
    }
}

.ui-tag{
    &.ui-tag-max100 {
        padding: 0;
        background:none;
        .con-tag-text {
            &:before {
                content: "、"; 
            }
            color: #5A5A5A;
            height: 30px;
            line-height: 30px;
        }
        &:first-child {
            .con-tag-text {
                &:before {
                    content: ""; 
                }
            } 
        }
    }
}